<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="CSS/zfb.css">
</head>
<body>
    <div class="content">
        <header class="flex between">
            <div class="flex">
                <span class="iconfont">&#xe60c;</span>
                <span class="iconfont">&#xe638;</span>
                <span class="iconfont">&#xe6d7;</span>
            </div>
            <div class="flex">
                <span class="iconfont">&#xe63c;</span>
                <span class="iconfont">&#xe96e;</span>
                <div></div>
                <p>4:37</p>
            </div>
        </header>
        <div id="head" class="flex between">
            <div>
                <p>武汉<span class="iconfont">&#xe7ac;</span></p>
                <p>晴 33℃</p>
            </div>
            <div class="flex between">
                <p><span class="iconfont">&#xe607;</span>蜜雪皇后手机点餐</p>
                <p>搜索</p>
            </div>
            <span class="iconfont">&#xe65b;</span>
        </div>
        <div id="ht" class="flex">
            <div>
                <span class="iconfont">&#xe582;</span>
                <p>扫一扫</p>
            </div>
            <div>
                <span class="iconfont">&#xe61e;</span>
                <p>收付款</p>
            </div>
            <div>
                <span class="iconfont">&#xe582;</span>
                <p>出行</p>
            </div>
            <div>
                <span class="iconfont">&#xe61e;</span>
                <p>卡包</p>
            </div>
        </div>
        <div id="center">
            <div class="flex">
                <div></div>
                <p>饿了吗</p>
            </div>
            <div class="flex">
                <div></div>
                <p>饿了吗</p>
            </div>
            <div class="flex">
                <div></div>
                <p>饿了吗</p>
            </div>
            <div class="flex">
                <div></div>
                <p>饿了吗</p>
            </div>
            <div class="flex">
                <div></div>
                <p>饿了吗</p>
            </div>
            <div class="flex">
                <div></div>
                <p>饿了吗</p>
            </div>
            <div class="flex">
                <div></div>
                <p>饿了吗</p>
            </div>
            <div class="flex">
                <div></div>
                <p>饿了吗</p>
            </div>
            <div class="flex">
                <div></div>
                <p>饿了吗</p>
            </div>
            <div class="flex">
                <div></div>
                <p>饿了吗</p>
            </div>
            <div class="flex">
                <div></div>
                <p>饿了吗</p>
            </div>
            <div class="flex">
                <div></div>
                <p>饿了吗</p>
            </div>
            <div class="flex">
                <div></div>
                <p>饿了吗</p>
            </div>
            <div class="flex">
                <div></div>
                <p>饿了吗</p>
            </div>
            <div class="flex">
                <div></div>
                <p>饿了吗</p>
            </div>
        </div>
        <div id="more" class="flex between">
            <ul>
                <li>你的芝麻分还未更新，点击更新</li>
                <li>快递已发货</li>
            </ul>
            <span class="iconfont">&#xe74a;</span>
        </div>
        <div id="mysl" class="flex">
            <p>神奇物种 | </p>
            <p>蚂蚁森林</p>
        </div>
        <div id="mysl_more">
            <div></div>
            <div>
                <div>
                    <div></div>
                    <div>我是文本我是文本我是文本</div>
                </div>
                <div>
                    <div></div>
                    <div>我是文本我是文本我是文本</div>
                </div>
            </div>
        </div>
        <footer class="flex">
            <div>
                <span class="iconfont">&#xe602;</span>
            </div>
            <div>
                <span class="iconfont">&#xe63f;</span>
                <p>理财</p>
            </div>
            <div>
                <span class="iconfont">&#xe61d;</span>
                <p>口碑</p>
            </div>
            <div>
                <span class="iconfont">&#xe744;</span>
                <p>消息</p>
            </div>
            <div>
                <span class="iconfont">&#xe60a;</span>
                <p>我的</p>
            </div>
        </footer>
    </div>
</body>
</html>